<template>
  <div>
    <h1>
      404页面走丢了
      </h1>
      <P>{{ time }}秒后返回首页</P>
      <router-link to="/home" replace>去首页</router-link>
      <button @click="toHome">点击返回首页</button>
    
   
  </div>
</template>

<script>
let timer;
export default {
  data() {
    return {
      time: 5,
    };
  },
  mounted() {
    timer = setInterval(()=>{
        this.time--;
        console.log(this.time);
        // 有判断条件是可以把清除定时器写在判断条件里
        if(this.time==0){
            // clearInterval(timer),
            this.toHome();
           
        }
    },1000);
    
  },
  
  methods: {
   toHome() {
    this.$router.replace("/home")
   },
},
// 如果没有判断条件时在生命周期结束时关闭定时器,主意：timer要设为全局变量
  beforeDestroy() {
     
        clearInterval(timer)
    },
};
</script>

<style></style>
